<template>
	<div class="container">
		<!-- 主导航栏 -->
		<ul class="main-tabs clearfix">
			<li v-for="(item, index) in mainTabs.data" :key="index" :class="{ active: index == mainTabs.index }"
				@click="mainTabSwitch(index)">{{ item.title }}</li>
		</ul>
		<!-- <button @click="accountSetting">ceshi</button> -->

		<!-- 头部信息 -->
		<h3 class="header-title clearfix" v-show="false">
			<span></span>
			<p>{{ headerTitle }}</p>
		</h3>

		<div class="zizhi" v-show="mainTabs.index == '0'">
			<div class="items">
				<p>备案与版权</p>
				<div class="itemBox">
					<h4>
						<span>名称</span>
						<span>操作</span>
					</h4>

					<div class="content">
						<div>
							<span>互联网备案信息</span>
							<span @click="openImg('互联网备案信息')">点击查看</span>
						</div>
						<div>
							<span>版权认证证书</span>
							<span @click="openImg('版权认证证书')">点击查看</span>
						</div>
					</div>
				</div>
			</div>
			<div class="items">
				<p>软著</p>
				<div class="itemBox">
					<h4>
						<span>名称</span>
						<span>操作</span>
					</h4>
					<div class="content">
						<div>
							<span>app</span>
							<span @click="openImg('app')">点击查看</span>
						</div>
						<div>
							<span>后台</span>
							<span @click="openImg('后台')">点击查看</span>
						</div>
						<div>
							<span>企业端</span>
							<span @click="openImg('企业端')">点击查看</span>
						</div>
					</div>
				</div>
			</div>
			<div class="items">
				<p>营业执照许可证</p>
				<div class="itemBox">
					<h4>
						<span>名称</span>
						<span>操作</span>
					</h4>
					<div class="content">
						<div>
							<span>营业执照</span>
							<span @click="openImg('营业执照')">点击查看</span>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="mainBox" v-show="mainTabs.index == '1'">
			<div class="overview">
				<div class="heardTitle">
					<p class="companyCount">企业注册总量：{{ overviewObj.companyCount }}</p>
					<p class="serveCount">服务者注册总量：{{ overviewObj.userCount }}</p>

				</div>
			</div>
			<div class="process">
				项目进程
			</div>
			<div class="pContent">

				<div class="pTitle">
					<p>进行中</p>
					<p>已验收</p>
					<p>拒绝验收</p>
					<p>已完成</p>
				</div>
				<div class="pTitle">
					<p>{{ overviewObj.projectCount }}</p>
					<p>{{ overviewObj.approvedCount }}</p>
					<p>{{ overviewObj.refusedCount }}</p>
					<p>{{ overviewObj.finishedCount }}</p>
				</div>
			</div>
			<div class="process orderColor">
				订单管理
			</div>
			<div class="pContent">

				<div class="pTitle">
					<p>充值总额</p>
					<p>退款总额</p>
					<p>已支付订单总额</p>
					<p>待支付订单总额</p>
				</div>
				<div class="pTitle">
					<p>{{ overviewObj.sumTopUp }}</p>
					<p>{{ overviewObj.sunRefund }}</p>
					<p>{{ overviewObj.sumPaid }}</p>
					<p>{{ overviewObj.sumNoPaid }}</p>
				</div>
			</div>


		</div>

		<el-dialog :visible.sync="dialogVisible" :width="widthAuto" @close="closeWarnDialog">
			<div class="warn-dialog-header">
				<span>{{ heardTitle }}</span>
			</div>
			<div class="warn-dialog-body" v-show="heardTitle == '通知'">
				<div class="warn-dialog-body-title">发送内容</div>
				<el-input type="textarea" :rows="6" v-model.trim="reportContent"></el-input>
				<div class="warn-dialog-btn">
					<el-button style="margin-right: 30px;" @click="dialogVisible = false">取消</el-button>
					<el-button type="primary" @click="confirmReport">确定</el-button>
				</div>
			</div>

			<div class="warn-dialog-body" v-show="heardTitle == '账户信息'">
				<el-form ref="form" :model="accountForm" label-width="80px" class="companyForm">
					<el-form-item label="开户名称">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="银行账号">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="开户行">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
				</el-form>
				<div class="warn-dialog-btn">
					<el-button style="margin-right: 30px;" @click="dialogVisible = false">取消</el-button>
					<el-button type="primary" @click="confirmReport">确定</el-button>
				</div>
			</div>
			<div class="warn-dialog-body" v-show="heardTitle == '企业信息'">
				<el-form ref="form" :model="accountForm" label-width="100px" :inline='inline'
					class="companyForm accountForm">
					<el-form-item label="企业logo">
						<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
							:show-file-list="false" :on-success="handleAvatarSuccess"
							:before-upload="beforeAvatarUpload">
							<img v-if="imageUrl" :src="imageUrl" class="avatar">
							<i v-else class="el-icon-plus avatar-uploader-icon"></i>
						</el-upload>
						<el-input v-model="accountForm.name" :readonly='true'></el-input>
					</el-form-item>
					<el-form-item label="营业执照">
						<el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
							:show-file-list="false" :on-success="handleAvatarSuccess"
							:before-upload="beforeAvatarUpload">
							<img v-if="imageUrl" :src="imageUrl" class="avatar">
							<el-input :readonly='true'></el-input>
						</el-upload>
						<el-input v-model="accountForm.name" :readonly='true'></el-input>
					</el-form-item>
					<el-form-item label="企业名称">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="管理员姓名">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="所在地区">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="管理员手机号">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="详细地址">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="法人">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
				</el-form>
				<div class="warn-dialog-btn">
					<el-button style="margin-right: 30px;" @click="dialogVisible = false">取消</el-button>
					<el-button type="primary" @click="confirmReport">确定</el-button>
				</div>
			</div>


			<div class="warn-dialog-body" v-show="heardTitle == '基本信息'">
				<el-form ref="form" :model="accountForm" label-width="120px" :inline='inline'
					class="companyForm accountForm">
					<el-form-item label="头像">
						<img v-if="serveInfo.userPhotograph" :src="serveInfo.userPhotograph"
							@click="enlargeImg(serveInfo.userPhotograph)" class="avatar">
					</el-form-item>
					<el-form-item label="邮箱" style="margin-top: 72px;" v-show="serveInfo.userEmail">

						<el-input v-model="serveInfo.userEmail" placeholder="请输入邮箱" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="性别">
						<el-input v-model="serveInfo.userSex" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="所在城市">
						<el-input v-model="serveInfo.livingCity" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="年龄">
						<el-input v-model="serveInfo.userAge" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="职业">
						<el-input v-model="serveInfo.userProfession" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="籍贯">
						<el-input v-model="serveInfo.nativePlace" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="交易企业" v-show="serveInfo.emergencyContact">
						<el-input v-model="serveInfo.emergencyContact" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="学历">
						<el-input v-model="serveInfo.educationBackground" :readonly="true"></el-input>
					</el-form-item>
					<!-- <el-form-item label="有无任职公司">
						<el-radio-group v-model="serveInfo.takeOffice">
							<el-radio :label="1">有</el-radio>
							<el-radio :label="2">无</el-radio>
						</el-radio-group>
					</el-form-item> -->
					<el-form-item label="政治面貌">
						<el-input v-model="serveInfo.politicsStatus" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="任职公司名称" v-show="serveInfo.officeName">
						<el-input v-model="serveInfo.officeName" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="紧急联系人">
						<el-input v-model="serveInfo.emergencyContact" :readonly="true"></el-input>
					</el-form-item>
					<el-form-item label="紧急联系人电话">
						<el-input v-model="serveInfo.contactPhone" :readonly="true"></el-input>
					</el-form-item>
				</el-form>
			</div>

			<div class="warn-dialog-body" v-show="heardTitle == '下架'">
				<h2 class="headTitle">下架理由</h2>
				<el-input v-model="accountForm.name" :row="4" class="refuse" type="textarea"></el-input>
				<el-form ref="form" :model="accountForm" label-width="120px" :inline='inline'
					class="companyForm accountForm">
					<el-form-item label="项目名称">
						<!-- <el-upload class="avatar-uploader" action="https://jsonplaceholder.typicode.com/posts/"
																	:show-file-list="false" :on-success="handleAvatarSuccess"
																	:before-upload="beforeAvatarUpload">
																	<img v-if="imageUrl" :src="imageUrl" class="avatar">
																	<i v-else class="el-icon-plus avatar-uploader-icon"></i>
																</el-upload> -->
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="结算周期">
						<el-input v-model="accountForm.name" placeholder="请输入邮箱"></el-input>
					</el-form-item>
					<el-form-item label="项目地址">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="结算周期">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="服务内容">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="项目现场照片">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="籍贯">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="人员标准">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="学历">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="有无任职公司">
						<el-radio-group v-model="accountForm.name">
							<el-radio label="有"></el-radio>
							<el-radio label="无"></el-radio>
						</el-radio-group>
					</el-form-item>
					<el-form-item label="政治面貌">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="紧急联系人">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>
					<el-form-item label="紧急联系人电话">
						<el-input v-model="accountForm.name"></el-input>
					</el-form-item>


					<el-form-item class="inputArea">
						<el-input v-model="accountForm.name" :row="4" class="refuse" type="textarea"></el-input>
					</el-form-item>
				</el-form>
				<comTable :options="shenheMentList" @openConDialog="openContractDialog"></comTable>
				<div class="warn-dialog-btn">
					<el-button style="margin-right: 30px;" @click="dialogVisible = false">审核未通过</el-button>
					<el-button type="primary" @click="confirmReport">审核通过</el-button>
				</div>
			</div>
		</el-dialog>



		<!-- 副导航栏 -->
		<div class="financialManagement" v-show="mainTabs.index == 2">
			<comNavTabs :navList="navListFinancialManagement" @switch="tabSwitch"></comNavTabs>
			<el-input v-model="inCompanyName" class="inputs"></el-input>
			<el-button type="primary" @click="getInList()">查询</el-button>
			<!-- 数据展示的列表 -->
			<comTable :options="FinancialManagementList" @openConDialog="openContractDialog"
				@openRecharge="openRecharge">
			</comTable>
		</div>

		<div class="financialManagement" v-show="mainTabs.index == 3">
			<comNavTabs :navList="navListCompanyManagement" @switch="tabSwitch"></comNavTabs>
			<el-input v-model="searchName" class="inputs"></el-input>
			<el-button type="primary" @click="getCompanyList">查询</el-button>
			<!-- 数据展示的列表 -->
			<comTable :options="companyManagementList" @lookAcount="lookAcount" @openCompanyDialog="openCompanyDialog"
				@openCooperation="openCooperation" @accountSetting="accountSetting" @toInfo="toInfo">
			</comTable>
		</div>

		<div class="financialManagement" v-show="mainTabs.index == 4">
			<comNavTabs :navList="navListServe" @switch="tabSwitch"></comNavTabs>
			<el-input v-model="servceName" class="inputs"></el-input>
			<el-button type="primary" v-model="userManger" @click="getServceManagementList">查询</el-button>
			<!-- 数据展示的列表 -->
			<comTable :options="servceManagementList" @openConDialog="openContractDialog" @toInfo="toInfo"
				@userBaseInfo="userBaseInfo" @accountInfo="accountInfo" @openServiceDia="openServiceDia"></comTable>
		</div>


		<div class="financialManagement" v-show="mainTabs.index == 5">
			<comNavTabs :navList="navListProjectManagement" @switch="tabSwitch"></comNavTabs>
			<el-input v-model="processCompanyName" class="inputs"></el-input>
			<el-button type="primary" @click="getProjectList">查询</el-button>
			<!-- 数据展示的列表 -->
			<comTable :options="projectManagementList" @openConDialog="openContractDialog" @lookProject="lookProject"
				@offset="offset" @lookProjectDtail="lookProjectDtail" @auths="auths"></comTable>
		</div>



		<div class="financialManagement" v-show="mainTabs.index == 6">
			<comNavTabs :navList="navListProessManagement" @switch="tabSwitch"></comNavTabs>
			项目名称：
			<el-input v-model="projectNameProcess" class="inputs"></el-input>
			服务者名称:
			<el-input v-model="userNameProcess" class="inputs"></el-input>
			公司名称：
			<el-input v-model="companyNameProcess" class="inputs"></el-input>
			<el-button type="primary" @click="serchProcess">查询</el-button>
			<!-- 数据展示的列表 -->
			<comTable :options="proessManagementList" @openConDialog="openContractDialog" @toInfo="toInfo"
				@openLookdtail="openLookdtail"></comTable>
		</div>


		<el-dialog :title="imgTitle" :visible.sync="imgShow" width="45%" :before-close="handleClose" :center="imgShow">
			<div class="imgBox">
				<img :src="imgUrl" alt="">
			</div>

		</el-dialog>

		<div class="financialManagement" v-show="mainTabs.index == 7">
			<comNavTabs :navList="navListOrderManagement" @switch="tabSwitch"></comNavTabs>
			项目名称：
			<el-input v-model="orderProjectName" class="inputs"></el-input>
			服务者名称:
			<el-input v-model="orderUSerName" class="inputs"></el-input>
			公司名称：
			<el-input v-model="orderCompanyName" class="inputs"></el-input>
			<span v-show="navListOrderManagement.index == 1">
				支付时间：
				<el-date-picker v-model="payStartDate" type="date" placeholder="选择日期" format="yyyy-MM-dd"
					value-format="yyyy-MM-dd" style="width:140px"></el-date-picker>~
				<el-date-picker v-model="payEndDate" type="date" placeholder="选择日期" format="yyyy-MM-dd"
					value-format="yyyy-MM-dd" style="width:140px"></el-date-picker></span>

			<el-button type="primary" @click="getOrder">查询</el-button>
			<el-button type="primary" v-show="navListOrderManagement.index == 1"
				style="background:white;color: rgb(39, 101, 231);" @click="exportDataOrder">导出</el-button>

			<!-- 数据展示的列表 -->
			<comTable :options="orderManagementList" @openConDialog="openContractDialog" @openOrderResa="openOrderResa"
				@openOrderOpration="openOrderOpration">
			</comTable>
		</div>

		<div class="financialManagement" v-show="mainTabs.index == 8">
			<comNavTabs :navList="navListRemuneration" @switch="tabSwitch"></comNavTabs>
			<el-button class="exportBtn" @click="exportData">导入</el-button>
			<el-button class="exportBtn" style="right: 128px;" @click="exportDataOut"
				v-if="mainTabs.index==8&&payedType==1">导出</el-button>
			企业名称：
			<el-input v-model="companyName" class="inputs"></el-input>
			项目名称:
			<el-input v-model="projectName" class="inputs"></el-input>
			开始日期：<el-date-picker v-model="startTime" @change="changeStartTime" format="yyyy-MM-dd" type="date"
				placeholder="选择日期">
			</el-date-picker>

			结束日期：<el-date-picker v-model="endTime" type="date" @change="changeEndTime" format="yyyy-MM-dd"
				placeholder="选择日期">
			</el-date-picker>
			<el-button type="primary" @click="getRemuneration">查询</el-button>

			<!-- 数据展示的列表 -->
			<comTable :options="remunerationManagementList" @openConDialog="openContractDialog" @lookDetail="lookDetail"
				@openOrderResa="openOrderResa" @openOrderOpration="openOrderOpration"
				@openCompanyDialog="openCompanyDialog">
			</comTable>
		</div>
		<!-- 分页器 -->
		<div class="pageBox" v-show="this.mainTabs.index != 0 && this.mainTabs.index != 1">
			<el-pagination @size-change="handleSizeChange" @current-change="pageChange" :current-page.sync="cur"
				:page-sizes="[10, 20, 30, 50, 100]" :page-size="pageSize"
				layout="total, sizes, prev, pager, next, jumper" :total="totalNum" background></el-pagination>
		</div>
		<!-- 发送/审核/查看模板 -->
		<contractDialog :options="contract" @clickReject="clickReject" @subContract="subContract">
		</contractDialog>
		<wecahtDialog :options="wechat" @subFile="subFile" @delFile="delFile" :uploadData="uploadData"
			:projectInfo='projectInfo' @subAuth='subAuth' @subRecharage="subRecharage" @toWaitting="toWaitting"
			ref="wechatDialog" @sendMsg="sendMsg" @sureOffset="sureOffset" @fail="fail" @addCompany="addCompany">
		</wecahtDialog>
		<el-dialog :visible.sync="dialogVisibles" :modal-append-to-body="false" width="600px">
			<img style="margin: 10%;width: 80%;" :src="dialogImageUrl" alt="">
		</el-dialog>
	</div>
</template>

<script>
	export default {
		components: {
			comNavTabs: () => import("@/household/common/comNavTabs.vue"),
			comTable: () => import("@/household/common/comTable.vue"),
			contractDialog: () => import("@/component/contract/contractDialog.vue"),
			wecahtDialog: () => import("@/component/wechat/wecahtDialog.vue")
		},
		data() {
			return {
				dialogVisibles: false,
				dialogImageUrl: '',
				imageUrl: '',
				orderList: '',
				widthAuto: '1000px',
				heardTitle: '拒绝验收理由', // 通知 对公账户 企业信息 基本信息 项目信息 下架 拒绝验收理由
				dialogVisible: false,
				projectInfo: {},
				orderType: '1',
				imgTitle: '',
				imgUrl: '',
				orderProjectName: '',
				orderCompanyName: '',
				projectName: '',
				payStartDate: '',
				payEndDate: '',
				CompanyName: '',
				endTime: '',
				startTime: '',
				imgShow: false,
				orderUSerName: '',
				serveInfo: {},
				uploadData: {},
				accountForm: {
					name: ''
				},
				inline: true,
				/* 主导航栏列表数据 */
				mainTabs: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '资质'
					},
					{
						title: '概览'
					},
					{
						title: '财务管理'
					},
					{
						title: '企业管理'
					},
					{
						title: '灵活就业者管理'
					},
					{
						title: '项目管理'
					},
					{
						title: '项目进度'
					},
					{
						title: '订单管理 '
					},
					{
						title: '报酬直发 '
					}
					]
				},
				headerTitle: '电子合同认证', //头部标题
				inCompanyName: '',
				companyName: '',
				/* 副导航栏列表数据 */
				//财务管理
				reportContent: '', //发送内容
				searchName: '',
				navListFinancialManagement: {
					index: 0, //当前是在哪个tab栏
					data: [
						{
							title: '收款记录'
						},
						{
							title: '充值记录'
						},
						{
							title: '退款记录'
						},



					]
				},
				navListCompanyManagement: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '企业管理'
					},



					]
				},
				navListProjectManagement: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '待审核'
					},
					{
						title: '已通过'
					},
					{
						title: '未通过'
					},



					]
				},
				projectNameProcess: '',
				userNameProcess: '',
				companyNameProcess: '',
				navListProessManagement: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '进行中'
					},
					{
						title: '已验收'
					},
					{
						title: '拒绝验收'
					},
					{
						title: '已完成'
					},



					]
				},
				navListRemuneration: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '汇款处理中'
					},
					{
						title: '汇款已到账'
					},
					{
						title: '汇款已失败'
					},


					]
				},
				payedType: '0',
				payMonth: '',
				navListOrderManagement: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '待支付'
					},
					{
						title: '已支付'
					},
					{
						title: '支付失败'
					},


					]
				},
				processCompanyName: '',
				projectList: [],
				authType: '0', //0-待审核 1-审核通过 2-审核不通过
				navList: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '待发送'
					},
					{
						title: '待审核'
					},
					{
						title: '已通过'
					},
					{
						title: '未通过'
					}
					]
				},
				navListServe: {
					index: 0, //当前是在哪个tab栏
					data: [{
						title: '灵活就业者管理'
					}]
				},
				orderManagementList: {
					list: [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false,

					},
					{
						title: '项目名称',
						prop: 'projectName',
						isClick: false
					},
					{
						title: '服务者',
						prop: 'userNameOrder',
						isClick: false
					},
					{
						title: '身份证号码',
						prop: 'cardNum',
						isClick: false
					},
					{
						title: '项目发布时间',
						prop: 'projectDate',
						isClick: false
					},
					{
						title: '验收时间',
						prop: 'checkDate',
						isClick: false
					},
					{
						title: '待支付总额',
						prop: 'cost',
						isClick: false
					},

					],
					noOperation: false, //是否有操作项
					operation: [ //操作项内容
						{
							name: '数据修复',
							isBtn: false,
							title: 'openOrderOpration'
						}
					],
					data: []
				},
				remunerationManagementList: {
					list: [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false,
						eventName: 'openCompanyDialog',

					},
					{
						title: '项目名称',
						prop: 'projectName',
						isClick: false
					},

					{
						title: '汇款数量',
						prop: 'payCount',
						isClick: false
					},
					{
						title: '发起时间',
						prop: 'creatTime',
						isClick: false
					},
					{
						title: '备注',
						prop: 'remarks',
						isClick: false
					},
					],
					noOperation: true, //是否有操作项
					operation: [ //操作项内容
						{
							name: '查看明细',
							isBtn: false,
							title: 'lookDetail'
						},
						// {
						// 	name: '积分充值',
						// 	isBtn: false,
						// 	title: 'openRecharge'
						// }
					],
					data: []
				},
				proessType: '1',
				intype: '1',
				proessManagementList: {
					list: [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false
					},
					{
						title: '项目名称',
						prop: 'projectName',
						isClick: false
					},
					{
						title: '服务者',
						prop: 'servceName',
						isClick: false
					},
					{
						title: '项目发布时间',
						prop: 'insertdate',
						isClick: false
					},
					],
					noOperation: false, //是否有操作项
					operation: [ //操作项内容

					],
					data: []
				},
				projectManagementList: {
					list: [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false
					},
					{
						title: '项目名称',
						prop: 'projectName',
						isClick: false
					},
					{
						title: '项目地址',
						prop: 'address',
						isClick: false
					},
					{
						title: '发布时间',
						prop: 'insertdate',
						isClick: false
					},
					],
					noOperation: true, //是否有操作项
					operation: [ //操作项内容
						{
							name: '审核',
							isBtn: false,
							title: 'auths'
						}
					],
					data: []
				},
				servceManagementList: {
					list: [{
						title: '姓名',
						prop: 'userName',
						isClick: true,
						eventName: 'openServiceDia',
					},
					{
						title: '性别',
						prop: 'userSex',
						isClick: false
					},
					{
						title: '年龄',
						prop: 'userAge',
						isClick: false
					},
					{
						title: '手机号',
						prop: 'userPhone',
						isClick: false
					},
					{
						title: '注册时间',
						prop: 'insertDate',
						isClick: false
					},
					],
					noOperation: true, //是否有操作项
					operation: [ //操作项内容
						{
							name: '实名认证',
							isBtn: false,
							title: 'userBaseInfo'
						},
						{
							name: '账户信息',
							isBtn: false,
							title: 'accountInfo'
						}, {
							name: '通知',
							isBtn: false,
							title: 'toInfo'
						},
					],
					data: []
				},
				shenheMentList: {
					list: [{
						title: '审核人',
						prop: 'companyname',
						isClick: false
					},
					{
						title: '审核结果',
						prop: 'city',
						isClick: false
					},
					{
						title: '审核时间',
						prop: 'companytype',
						isClick: false
					},
					{
						title: '审核说明',
						prop: 'companysize',
						isClick: false
					},
					],
					noOperation: false, //是否有操作项
					operation: [ //操作项内容
						{
							name: '发送',
							isBtn: false,
							title: 'openConDialog'
						}
					],
					data: []
				},
				companyManagementList: {
					list: [{
						title: '企业名称',
						prop: 'companyName',
						isClick: true,
						eventName: 'openCompanyDialog',
					},
					{
						title: '所在地区',
						prop: 'address',
						isClick: false
					},
					{
						title: '注册时间',
						prop: 'registerTime',
						isClick: false
					},
					{
						title: '账户总额',
						prop: 'accountCost',
						isClick: false
					},
					{
						title: '合作协议',
						prop: 'cooperation',
						isClick: true,

						eventName: 'openCooperation',
					},

					],
					noOperation: true, //是否有操作项
					operation: [ //操作项内容
						{
							name: '账户信息',
							isBtn: false,
							title: 'lookAcount'
						},
						{
							name: '通知',
							isBtn: false,
							title: 'toInfo'
						},
						{
							name: '后台账户设置',
							isBtn: false,
							title: 'accountSetting'
						}
					],
					data: []
				},
				/* 表格数据 */
				FinancialManagementList: {
					list: [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false
					},
					{
						title: '汇款金额',
						prop: 'amount',
						isClick: false
					},
					{
						title: '汇款时间',
						prop: 'payDate',
						isClick: false
					},
					{
						title: '开户名称',
						prop: 'companyName',
						isClick: false
					},
					{
						title: '银行账号',
						prop: 'accountNo',
						isClick: false
					},
					{
						title: '操作',
						prop: 'paystatus',
						isClick: false,
						eventName: 'openRecharge',
					},
					],
					noOperation: false, //是否有操作项
					operation: [ //操作项内容
						{
							name: '发送',
							isBtn: false,
							title: 'openConDialog'
						}
					],
					data: []
				},
				tableList: {
					list: [{
						title: '企业名称',
						prop: 'companyname',
						isClick: false
					},
					{
						title: '所在地区',
						prop: 'city',
						isClick: false
					},
					{
						title: '企业类型',
						prop: 'companytype',
						isClick: false
					},
					{
						title: '企业规模',
						prop: 'companysize',
						isClick: false
					},
					{
						title: '申请时间',
						prop: 'createTime',
						isClick: false
					}
					],
					noOperation: true, //是否有操作项
					operation: [ //操作项内容
						{
							name: '发送',
							isBtn: false,
							title: 'openConDialog'
						}
					],
					data: []
				},
				/* 电子合同数据 */
				wechat: {
					open: false,
					companyTitle: '项目信息', //企业名称
					width: '800px',
					price: 0,
				},
				contract: {
					lookPDFDialog: false, //电子合同发送/查看模板
					btnTextl: '资料驳回', //按钮左内容
					btnTextr: '确认发送完成', //按钮右内容
					companyTitle: '上海天都人力资源有限公司', //企业名称
					data: {
						agentName: '', //敲章人姓名
						agentTelnum: '', //敲章人手机号
						auditName: '', //审核人姓名
						auditTelnum: '', //审核人手机号
						applicationFormUrl: '', //证书申请表pdf
						authorizationUrl: '', //委托书pdf
						auditorAttorneyUrl: '', //审核人pdf
						businessLicenseUrl: '', //企业营业执照照片
						agentIdCardUrl: '', //法人身份证复印件照片
						corporateIdentityCardUrl: '', //敲章人身份证照片
						auditorCardCopiesUrl: '', //审核人身份证照片
					},
					textarea: '', //驳回理由
					isContract: true, //当前是否显示三张照片
					agentShow: false, //是否显示敲章人信息
					auditShow: false, //是否显示审核人信息
					showBtn: false, //是否展示按钮栏和驳回理由
					showTextarea: false, //是否展示驳回理由框
					placeholder: '', //占位符含义
					tableData: [
						/* {
							applyTime: '2016-05-02',					//申请时间
							createTime: '2016-05-02',					//审核时间
							operator: '王小虎',							//操作人
							auditResult: '未通过',						//审核结果
							cause: '资料不全',							//备注	
						} */
					]
				},
				companyList: [],


				/* 分页功能数据 */
				cur: 1,
				servceName: '',
				userManger: '',
				pageSize: 10,
				remunerationType: '0',//0- 打款中 1- 打款成功 2-打款失败
				totalNum: 0, //总共有多少条数据,根据这个数据去适配页数
				overviewObj: {},
			}
		},
		created() {
			this.getOverview()
			// this.getDataList();
			// this.getDataList();
			let routerObj = this.$route
			const tabMapping = {
				'PlatformQualification': { index: 0, title: '平台资质' },
				'financeManager': { index: 2, title: '财务管理' },
				'Overview': { index: 1, title: '概览' },
				'companyManager': { index: 3, title: '企业管理' },
				'projectManager': { index: 5, title: '项目管理' },
				'severManager': { index: 4, title: '服务者管理' },
				'projectProcess': { index: 6, title: '项目进程' },
				'orderManager': { index: 7, title: '订单管理' },
				'recharge': { index: 8, title: '报酬直发' }
			};

			let mark = routerObj.params.mark;
			if (tabMapping.hasOwnProperty(mark)) {
				this.mainTabSwitch(tabMapping[mark].index);
				this.headerTitle = tabMapping[mark].title;
			}
		},

		watch: {
			$route(to, from) {
				let routerObj = this.$route
				const tabMap = {
					PlatformQualification: { tabIndex: 0, title: '平台资质' },
					financeManager: { tabIndex: 2, title: '财务管理' },
					Overview: { tabIndex: 1, title: '概览' },
					companyManager: { tabIndex: 3, title: '企业管理' },
					projectManager: { tabIndex: 5, title: '项目管理' },
					severManager: { tabIndex: 4, title: '服务者管理' },
					projectProcess: { tabIndex: 6, title: '项目进程' },
					orderManager: { tabIndex: 7, title: '订单管理' },
					recharge: { tabIndex: 8, title: '报酬直发' }
				};

				const tabInfo = tabMap[routerObj.params.mark] || {};
				const { tabIndex = 0, title = '' } = tabInfo;

				this.mainTabSwitch(tabIndex);
				this.headerTitle = title;

			}

		},

		methods: {
			delFile(id) {
				let params = {
					id: id
				}
				this.$ceshiGetAxiosWechat('agreement/update', params).then(res => {
					this.getCompanyList()
					this.wechat.open = false
					this.$message.success('操作成功')
				})
			},
			//上传附件之后
			subFile(data) {
				console.log(data);
				let params = {
					companyId: this.uploadData.companyId,
					agreementName: data.agreementName,
					agreementUrl: data.fileUrl,
				}
				this.$ceshiAxiosWechat.post('agreement/add', params).then(res => {
					this.getCompanyList()
					this.wechat.open = false
					this.$message.success('操作成功')
				})
			},
			exportDataOut() {
				let params = {
					wechatId: 'oKbHa5-zLJe2R6bq6sWjJjQJRZnY',
					type: this.payedType,
					endDate: this.endTime,
					startDate: this.startTime,
					projectName: this.projectName,
					companyName: this.companyName,
					pageNum: '1',
					pageSize: '100',

				}
				this.$ceshiAxiosExportPostWechat('salarPaymentInfomation/outputBatchPaymentDatas', params).then(res => {
					var blob = new Blob([res.data]);
					var downloadElement = document.createElement("a");
					var href = window.URL.createObjectURL(blob); //创建下载的链接
					downloadElement.href = href;

					downloadElement.download = `已支付数据列表.xls`;

					document.body.appendChild(downloadElement);
					downloadElement.click(); //点击下载
					this.$message({
						type: "success",
						message: "下载成功！",
					});
					document.body.removeChild(downloadElement); //下载完成移除元素
					window.URL.revokeObjectURL(href); //释放掉blob对象
				}).catch(error => {
					this.$message({
						message: "导出失败",
						type: "error"
					});
				});
			},
			exportDataOrder() {
				let params = {
					projectName: this.orderProjectName,
					userName: this.orderProjectName,
					companyName: this.orderCompanyName,
					payStartDate: this.payStartDate,
					payEndDate: this.payEndDate
				}
				this.$ceshiGetAxiosWechatExport('/managemen/exportPaymentList', params).then(res => {
					var blob = new Blob([res.data]);
					var downloadElement = document.createElement("a");
					var href = window.URL.createObjectURL(blob); //创建下载的链接
					downloadElement.href = href;


					downloadElement.download = `已支付数据列表.xls`;

					document.body.appendChild(downloadElement);
					downloadElement.click(); //点击下载
					this.$message({
						type: "success",
						message: "下载成功！",
					});
					document.body.removeChild(downloadElement); //下载完成移除元素
					window.URL.revokeObjectURL(href); //释放掉blob对象
				}).catch(error => {
					this.$message({
						message: "导出失败",
						type: "error"
					});
				});



			},

			toWaitting() {
				console.log(2)
				if (this.navListRemuneration.index = 2) {
					this.navListRemuneration.index = 0
					this.remunerationType = 0
					this.wechat.index = 0
					this.getRemuneration()
				}

			},
			subRecharage() {
				console.log(222)
				this.getRechargeCompanyList()
			},
			getRechargeCompanyList() {
				this.FinancialManagementList.
					list = [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false
					},
					{
						title: '汇款金额',
						prop: 'amount',
						isClick: false
					},
					{
						title: '汇款时间',
						prop: 'payDate',
						isClick: false
					},
					{
						title: '开户名称',
						prop: 'companyName',
						isClick: false
					},
					{
						title: '银行账号',
						prop: 'accountNo',
						isClick: false
					},
					{
						title: '操作',
						prop: 'paystatus',
						isClick: false,
						eventName: 'openRecharge',
					},
					]
				let data = {

					companyName: this.inCompanyName,
					pageSize: this.pageSize,
					pageNum: this.cur,


				}
				this.$ceshiAxiosWechatceshi.post('/v1/rechargeCompany/rechargeCompanyList', data).then(res => {
					console.log(res)
					this.FinancialManagementList.data = res.data.data.records
					this.totalNum = res.data.data.total
				})
			},
			//打开弹窗
			openRecharge(data) {
				if (data.paystatus == 1) return
				this.wechat.open = true
				this.wechat.companyTitle = '积分充值'
				console.log(data)
				this.projectInfo = data
			},
			exportData() {
				this.wechat.open = true
				this.wechat.index = 0
				this.wechat.export = true
				this.wechat.companyTitle = '导入'
				this.wechat.width = '1200px'
				this.$refs.wechatDialog.companyName = ''
				this.$refs.wechatDialog.projectName = ''
				this.$refs.wechatDialog.tableData = []
				this.$refs.wechatDialog.remark = ''

			},
			lookDetail(data) {
				this.wechat.open = true
				this.wechat.companyTitle = '查看明细'
				this.wechat.width = '1200px'
				let params = {
					type: this.remunerationType,
					sid: data.sid
				}
				console.log(data)
				this.wechat.index = this.navListRemuneration.index

				this.$ceshiAxiosWechatceshi.post('/salarPaymentInfomation/queryInfomationList', params).then(res => {
					console.log(res)
					this.wechat.detail = res.data.data
					this.wechat.price = 0
					this.wechat.detail.forEach(res => {
						this.wechat.price += Number(res.money)
					})
					this.$refs.wechatDialog.companyName = data.companyName
					this.$refs.wechatDialog.projectName = data.projectName
					this.$refs.wechatDialog.tableData = res.data.data
					this.$refs.wechatDialog.remark = data.remarks
					this.$refs.wechatDialog.sid = data.sid
					this.$refs.wechatDialog.insertTime = res.data.data[0].insertTime
				})

			},
			getRemuneration() {
				let data = {
					companyName: this.companyName,
					projectName: this.projectName,
					type: this.remunerationType,
					pageNum: this.cur,
					pageSize: this.pageSize,
					startDate: this.startTime,
					endDate: this.endTime
				}
				this.$ceshiAxiosWechatceshi.post('/salarPaymentInfomation/batchPaymentDatas', data).then(res => {
					this.remunerationManagementList.data = res.data.data.list
					this.totalNum = Math.abs(res.data.data.total)
				})


			},
			changeStartTime() {

			},
			changeEndTime() {

			},
			userBaseInfo(data) {
				console.log(data)
				this.projectInfo = data
				// /wechat/1/userinfo/detail?userld
				this.$ceshiGetAxiosWechat('/v1/userinfo/detail', { userId: data.userId }).then(res => {
					console.log(res)
					if (res.data.code == 144) {
						return this.$message.warning(res.data.message)
					} else {
						this.projectInfo = res.data.data
					}
					this.wechat.open = true
					this.wechat.width = '800px'

				})
				this.wechat.companyTitle = '实名认证'
			},
			accountInfo(data) {
				console.log(data)

				this.projectInfo = data
				// /wechat/1/userinfo/detail?userld
				this.$ceshiGetAxiosWechat('/v1/userinfo/detail', { userId: data.userId }).then(res => {
					console.log(res)
					if (res.data.code == 144) {
						return this.$message.warning(res.data.message)
					} else {
						this.projectInfo = res.data.data
					}
					this.wechat.open = true
					this.wechat.width = '800px'

				})
				this.wechat.companyTitle = '账户信息'
			},
			enlargeImg(src) {
				this.dialogVisibles = true;
				this.dialogImageUrl = src;
			},
			openServiceDia(data) {
				console.log(data);
				this.serveInfo = data
				this.dialogVisible = true
				this.heardTitle = '基本信息'
			},
			addCompany() {
				this.wechat.open = false
				this.getCompanyList()
			},
			fail(data) {
				console.log(data);
				let params = {
					status: data.status,
					orderId: data.orderId,
					reson: data.textarea,
				}
				if (!data.textarea) {
					return this.$message.error('请输入失败原因')
				}
				this.$ceshiGetAxiosWechat('	/managemen/payFailure', params).then(res => {
					console.log(res);
					if (res.data.code == 1) {
						this.wechat.open = false
						this.$message.success('操作成功')
						this.navListOrderManagement.index = 2
						this.orderType = 3
						this.orderManagementList.noOperation = false
						this.orderManagementList.
							list = [{
								title: '企业名称',
								prop: 'companyName',
								isClick: false,

							},
							{
								title: '项目名称',
								prop: 'projectName',
								isClick: false
							},
							{
								title: '服务者',
								prop: 'userNameOrder',
								isClick: false
							},

							{
								title: '项目发布时间',
								prop: 'projectDate',
								isClick: false
							},
							{
								title: '验收时间',
								prop: 'checkDate',
								isClick: false
							},
							{
								title: '支付时间',
								prop: 'payDate',
								isClick: false
							},
							{
								title: '支付金额',
								prop: 'cost',
								isClick: false
							},
							{
								title: '失败原因',
								prop: 'look',
								isClick: true,
								eventName: 'openOrderResa',
							},

							]
						this.getOrder()

					} else {
						this.$message.error(res.data.message)
					}
				})
			},
			handleClose() {
				this.imgShow = false
			},
			del(item, listVar) {
				for (let i = 0; i < listVar.length; i++) {
					if (listVar[i] == item) {
						listVar.splice(i, 1)
					}
				}
				return listVar
			},
			openOrderResa(data) {
				console.log(data);
				this.wechat.open = true
				this.wechat.width = '350px'
				this.wechat.companyTitle = '支付失败原因'
				this.projectInfo.reson = data.failureReason
			},

			openOrderOpration(data) {
				console.log(data);
				this.wechat.open = true
				this.wechat.width = '800px'
				this.wechat.companyTitle = '数据修复'
				this.projectInfo = data
			},
			serchProcess() {
				if (this.mainTabs.index === 6 & this.navList.index == 0) {
					this.proessManagementList.noOperation = false
					this.proessManagementList
						.list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '项目名称',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '服务者',
							prop: 'servceName',
							isClick: false
						},
						{
							title: '项目发布时间',
							prop: 'insertdate',
							isClick: false
						},
						]
					this.getProessList()
					console.log(this.proessManagementList
						.list);
				} else if (this.mainTabs.index === 6 & this.navList.index == 1) {
					this.proessManagementList.noOperation = false
					this.proessManagementList
						.list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '项目名称',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '服务者',
							prop: 'servceName',
							isClick: false
						},
						{
							title: '验收时间',
							prop: 'checkDate',
							isClick: false
						},
						{
							title: '项目发布时间',
							prop: 'insertdate',
							isClick: false
						},
						]
					this.getCheckProcess()
				} else if (this.mainTabs.index === 6 & this.navList.index > 1) {
					this.proessManagementList.noOperation = false
					this.getCheckProcess()
				}
			},
			toInfo(data) {
				this.wechat.open = true
				this.wechat.width = '800px'
				this.wechat.companyTitle = '通知'
				this.projectInfo = data

			},
			openLookdtail(data) {
				console.log(data);
				this.wechat.open = true
				this.wechat.width = '800px'
				this.wechat.companyTitle = '拒绝验收说明'
				if (data.refusalReasons != undefined) {
					this.projectInfo.refusalReasons = data.refusalReasons
				}

			},
			openCooperation(data) {
				this.uploadData = data
				console.log(data);
				this.wechat.open = true
				this.wechat.width = '800px'
				if (data.cooperation == '待上传') {
					this.wechat.companyTitle = '协议上传'
				} else {
					this.wechat.companyTitle = '协议列表'
				}
			},
			openCompanyDialog(data) {
				this.wechat.open = true
				this.wechat.width = '800px'
				this.wechat.companyTitle = '企业信息'
				console.log(data);
				this.$ceshiGetAxiosWechat('v1/company/companyInfoById', {
					companyId: data.companyId
				}).then(res => {
					this.projectInfo = res.data.data
					console.log(res);

				})
			},
			getOverview() {
				this.$ceshiGetAxiosWechat('v1/common/overviewQuery').then(res => {
					this.overviewObj = res.data.data
				})
			},
			sureOffset(data) {
				console.log(data);
				let params = {
					projectId: data.projectId,
					reson: this.$refs.wechatDialog.offsetValue
				}
				this.$ceshiGetAxiosWechat('audit/soldOutProject', params).then(res => {
					if (res.data.code == 1) {
						this.wechat.open = false
						this.$message.success('操作成功！')
						this.tabSwitch(2)
					} else {
						this.$message.error(res.data.message)
						this.tabSwitch(1)
					}
				})
			},
			//打开下架窗口
			offset(data) {
				this.auths(data)
				console.log(data);

				this.wechat.open = true
				this.wechat.width = '800px'
				this.wechat.companyTitle = '下架'
			},
			//查看项目
			lookProject(data) {
				this.wechat.open = true
				this.wechat.width = '800px'
				this.auths(data);
				this.wechat.companyTitle = '项目信息'
			},

			lookProjectDtail(data) {
				this.wechat.open = true
				this.wechat.width = '800px'
				this.auths(data);
				this.wechat.companyTitle = '项目详情'
			},
			//对公账户
			lookAcount(data) {
				console.log(data);
				this.wechat.open = true
				this.wechat.width = '800px'
				this.projectInfo = data
				this.wechat.companyTitle = '账户信息'
				// this.$ceshiGetAxiosWechat('companyAccount/accountInfo', {
				// 	companyId: data.companyId
				// }).then(res => {
				// 	 this.projectInfo=res.data.data
				// })
			},

			accountSetting(data) {
				this.projectInfo = data
				if (data.sysetmStatus == 2) {
					this.$ceshiAxiosWechatceshiGet('v1/companySystemAccount/queryAccount', { companyId: data.companyId }).then(res => {
						console.log(res)
						if (res.data.code == 1) {
							this.projectInfo.systemPhone = res.data.data.systemPhone
							this.projectInfo.systemAccount = res.data.data.systemAccount
							this.$nextTick(() => {
								Object.assign(this.projectInfo, {
									systemPhone: res.data.data.systemPhone,
									systemAccount: res.data.data.systemAccount,
								})
							})

						}
					})
				}
				setTimeout(() => {
					this.wechat.open = true
					this.wechat.width = '700px'
				}, 500);

				this.wechat.companyTitle = '后台账户设置'

				console.log(this.projectInfo);
			},
			getCheckProcess() {
				let data = {
					companyName: this.companyNameProcess,
					projectName: this.projectNameProcess,
					userName: this.userNameProcess,
					pageNum: this.cur,
					pageSize: '10',
					type: this.proessType,
				}
				this.$ceshiAxiosWechat.post('/project/projectCheckList', data).then(res => {
					this.proessManagementList.data = res.data.data.processVoList
					this.totalNum = res.data.data.total
					this.proessManagementList.data.forEach(res => {
						if (res.userNames != undefined) {
							res.userNames.forEach(p => {
								if (p.cost != null) {
									res.servceName += p.userName
									res.servceCost += +'(' + p.cost + ')' + '\n'
								} else {
									res.servceName += p.userName
								}
							})
						}



					})
				})
				console.log(this.proessManagementList.data);
			},
			getInList() {
				if (this.navListFinancialManagement.index == 0) {
					return this.getRechargeCompanyList()
				}
				let prams = {
					companyName: this.inCompanyName,
					pageSize: this.pageSize,
					pageNum: this.cur,
					type: this.intype,
				}
				this.$ceshiGetAxiosWechat('/managemen/rechargeRecord', prams).then(res => {
					console.log(res);
					this.FinancialManagementList.data = res.data.data.list
					this.totalNum = res.data.data.total
					console.log(this.totalNum);
				})
			},
			sendMsg(data) {
				console.log(data);
				let pushType = 2
				if (data.companyId != undefined) {
					pushType = 1
				}
				let prams = {
					companyId: data.companyId,
					pushType: pushType,
					content: this.$refs.wechatDialog.sendMsgValue,
					userId: data.userId,
				}
				this.$ceshiAxiosWechat.post('v1/push/pushWeChatMessage', prams).then(res => {
					if (res.data.code = 1) {
						this.$message.success('操作成功')
					} else {
						this.$message.error(res.data.message)
					}
				})

				this.wechat.open = false
			},
			//审核接口列表
			subAuth(data) {
				console.log(data);
				let params = {
					projectId: data.projectId,
					auditor: localStorage.getItem('checkHuman'),
					auditResult: data.status == 1 ? '审核通过' : '审核不通过',
					auditInstructions: this.$refs.wechatDialog.auditResult,
					status: data.status,
				}
				this.$ceshiAxiosWechat.post('audit/authRecord', params).then(res => {
					console.log(res);
					if (res.data.code == 1) {
						this.$message.success('操作成功')
					} else {
						this.$message.success(res.data.message)
					}
				})
				if (data.status == 1) {
					//审核通过列表
					this.authType = 1
					this.navListProjectManagement.index = 1
					setTimeout(() => {
						this.$nextTick(() => {
							this.tabSwitch(1)
						})
					}, 1000);
				} else {
					this.authType = 2
					setTimeout(() => {
						this.$nextTick(() => {
							this.tabSwitch(2)
						})
					}, 1000);

					this.navListProjectManagement.index = 2
				}
				this.wechat.open = false
			},
			auths(data) {
				this.wechat.companyTitle = '项目审核'
				this.wechat.open = true
				this.wechat.width = '800px'
				this.$refs.wechatDialog.mark = false
				let params = {
					projectId: data.projectId,
					type: 1,
					userId: '',
				}
				this.$ceshiAxiosWechat.post('project/projectInfo', params).then(res => {
					// this.$ceshiGetAxiosWechat('project/projectInfo', params).then(res => {   
					this.projectInfo = res.data.data
					console.log(this.projectInfo);
					if (this.projectInfo.projectPhoto == "[]") {
						this.projectInfo.projectPhotomark = true
						this.projectInfo.projectPhoto = eval(this.projectInfo.projectPhoto)
					} else {
						this.projectInfo.projectPhotomark = false
					}

					Object.assign(this.projectInfo, {
						projectPhotos: eval(this.projectInfo.projectPhoto)
					})
					console.log(this.projectInfo);

					let arrData = {
						list: [{
							title: '审核人',
							prop: 'companyName',
							isClick: false,

						},
						{
							title: '审核结果',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '审核时间',
							prop: 'userNameOrder',
							isClick: false
						},


						],
						noOperation: false, //是否有操作项
						operation: [ //操作项内容
							{
								name: '支付失败',
								isBtn: false,
								title: 'openOrderOpration'
							}
						],
						data: []
					}

					arrData.data = [
						{
							authResult: this.projectInfo.authResult,
							authTime: this.projectInfo.authTime,
							authName: this.projectInfo.authName,
							disapprove: this.projectInfo.disapprove,
						}


					]
					this.projectInfo = Object.assign(this.projectInfo, { arrData: arrData })
					console.log(this.projectInfo)
					if (this.projectInfo.projectPhotos.length < 0) {
						this.projectInfo.length = true
					}
					console.log(this.projectInfo)
				})


			},
			handleAvatarSuccess() {

			},
			beforeAvatarUpload() {

			},
			confirmReport() {

			},
			closeWarnDialog() {

			},
			// 主tab栏切换 导航
			mainTabSwitch(index) {
				console.log(index);
				this.mainTabs.index = index;
				this.navListFinancialManagement.index = 0
				this.navListProjectManagement.index = 0
				this.navListProessManagement.index = 0
				this.navListOrderManagement.index = 0
				this.cur = 1;
				this.pageSize = 10;
				if (index == 3) {
					this.getCompanyList()
				} else if (index == 4) {
					this.getServceManagementList()
				} else if (index == 5) {
					this.getProjectList()
				} else if (index == 6) {
					this.getProessList()
				} else if (index == 7) {
					this.orderManagementList.noOperation = false
					this.getOrder()
				} else if (index == 2) {
					this.getRechargeCompanyList()
				} else if (index == 8) {
					this.getRemuneration()
				}



			},
			getOrder() {
				let data = {
					status: this.orderType,
					projectName: this.orderProjectName,
					userName: this.orderUSerName,
					companyName: this.orderCompanyName,
					pageSize: this.pageSize,
					pageNum: this.cur,
					payStartDate: this.payStartDate,
					payEndDate: this.payEndDate
				}
				this.$ceshiGetAxiosWechat('/managemen/Orders', data).then(res => {
					console.log(res);
					this.orderManagementList.data = res.data.data.list
					this.totalNum = res.data.data.total

					this.orderManagementList.data.forEach(res => {
						res.look = '查看'
					})
				})
			},
			getProessList() {
				let data = {
					companyName: this.companyNameProcess,
					projectName: this.projectNameProcess,
					userName: this.userNameProcess,
					pageNum: this.cur,
					pageSize: this.pageSize,
					type: 1,
					searchType: '2',
				}
				this.$ceshiGetAxiosWechat('project/projectAdminList', data).then(res => {
					this.proessManagementList.data = res.data.data.projectVos
					this.totalNum = res.data.data.total
				})
			},
			//服务者列表
			getServceManagementList() {
				let data = {
					telnum: '',
					userName: this.servceName,
					pageNum: this.cur,
					pageSize: this.pageSize,
				}
				this.$ceshiGetAxiosWechat('v1/userinfo/userList', data).then(res => {
					this.servceManagementList.data = res.data.data.records
					this.totalNum = res.data.data.total
				})
			},
			openImg(data) {
				this.imgShow = true
				if (data == '互联网备案信息') {
					this.imgUrl = 'https://share.fcw-china.com/img/beian.png';
					this.imgTitle = '互联网备案信息'
				} else if (data == '版权认证证书') {
					this.imgUrl = 'https://share.fcw-china.com/img/banquan.png';
					this.imgTitle = '版权认证证书'
				}
				if (data == 'app') {
					this.imgUrl = 'https://share.fcw-china.com/img/fcwapp.jpeg';
					this.imgTitle = 'app'
				}
				if (data == '后台') {
					this.imgUrl = 'https://share.fcw-china.com/img/fcwht.jpeg';
					this.imgTitle = '后台'
				}
				if (data == '企业端') {
					this.imgUrl = 'https://share.fcw-china.com/img/fcwqyht.jpeg';
					this.imgTitle = '企业端'
				}
				if (data == '营业执照') {
					this.imgUrl = 'https://share.fcw-china.com/img/fcwyyzz.png';
					this.imgTitle = '营业执照'
				}

			},

			getCompanyList() {
				let data = {
					compamnyName: this.searchName,
					pageNum: this.cur,
					pageSize: this.pageSize,
				}
				this.$ceshiGetAxiosWechat('v1/company/compayAdministration', data).then(res => {
					this.companyList = res.data.data.clist
					this.companyManagementList.list.forEach(res1 => {


						this.companyManagementList.data = res.data.data.clist
						this.companyManagementList.data.forEach((res, index) => {
							if (res.agreementStatus == 1) {
								res.cooperation = '待上传'
								res.color = 'red'
							} else {
								res.cooperation = '已上传'

							}


						})
					})
					console.log(this.companyManagementList.list);
					this.totalNum = res.data.data.total
				})
			},
			// 获取项目列表
			getProjectList() {
				let data = {
					companyName: this.companyNameProcess,
					projectName: this.projectNameProcess,
					userName: this.userNameProcess,
					pageNum: this.cur,
					pageSize: this.pageSize,
					companyName: this.processCompanyName,
					type: this.authType
				}
				this.$ceshiGetAxiosWechat('project/projectAdminList', data).then(res => {
					console.log(res);
					this.projectList = res.data.data.projectVos
					console.log(this.projectList);
					this.projectManagementList.data = this.projectList
					this.totalNum = res.data.data.total
				})
			},
			// tab栏切换 导航
			tabSwitch(index) {
				console.log(index);
				if (this.mainTabs.index == 8 && index == 0) {
					this.payedType = 0
				} else if (this.mainTabs.index == 8 && index == 1) {
					this.payedType = 1

				} else if (this.mainTabs.index == 8 && index == 2) {
					this.payedType = 2

				}
				this.navList.index = index;
				this.navListFinancialManagement.index = index
				this.navListProjectManagement.index = index
				this.navListProessManagement.index = index
				this.navListOrderManagement.index = index
				this.navListRemuneration.index = index
				this.remunerationType = this.navListRemuneration.index
				if (this.mainTabs.index === 3 && index == 0) {

					this.getCompanyList()

				}
				else if (this.mainTabs.index === 5 && index == 0) {
					this.authType = 0
					this.getProjectList()
					this.projectManagementList.operation = [{
						name: '审核',
						isBtn: false,
						title: 'auths'
					}

					]
				} else if (this.mainTabs.index === 5 && index == 1) {
					this.projectManagementList.operation = [{
						name: '查看',
						isBtn: false,
						title: 'lookProject'
					},
					{
						name: '下架',
						isBtn: false,
						title: 'offset'
					}

					]
					this.authType = 1
					this.getProjectList()
				} else if (this.mainTabs.index === 5 && index == 2) {
					this.projectManagementList.operation = [{
						name: '详情',
						isBtn: false,
						title: 'lookProjectDtail'
					}]
					this.authType = 2
					this.getProjectList()
				} else if (this.mainTabs.index === 2 & index == 1) {
					this.proessManagementList.noOperation = false
					this.FinancialManagementList.
						list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '收款金额',
							prop: 'actualRecharge',
							isClick: false
						},
						{
							title: '充值金额',
							prop: 'totalFee',
							isClick: false
						},
						{
							title: '充值时间',
							prop: 'rechargDate',
							isClick: false
						},
						{
							title: '开户名称',
							prop: 'balanceAccount',
							isClick: false
						},
						{
							title: '银行账号',
							prop: 'bankAccount',
							isClick: false
						},
						]


					this.intype = 1
					this.getInList()
				} else if (this.mainTabs.index === 2 & index == 2) {
					this.FinancialManagementList.
						list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '退款金额',
							prop: 'totalFee',
							isClick: false
						},
						{
							title: '退款时间',
							prop: 'rechargDate',
							isClick: false
						},
						{
							title: '开户名称',
							prop: 'balanceAccount',
							isClick: false
						},
						{
							title: '银行账号',
							prop: 'bankAccount',
							isClick: false
						},
						]
					this.intype = 2
					this.getInList()
				} else if (this.mainTabs.index === 2 & index == 0) {
					this.FinancialManagementList.
						list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '汇款金额',
							prop: 'amount',
							isClick: false
						},
						{
							title: '汇款时间',
							prop: 'payDate',
							isClick: false
						},
						{
							title: '开户名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '银行账号',
							prop: 'accountNo',
							isClick: false
						},
						{
							title: '操作',
							prop: 'paystatus',
							isClick: false,
							eventName: 'openRecharge',
						},
						]


					this.getRechargeCompanyList()
				}

				else if (this.mainTabs.index === 6 & index == 0) {
					this.proessManagementList.noOperation = false
					this.proessManagementList
						.list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '项目名称',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '服务者',
							prop: 'userName',
							isClick: false
						},
						{
							title: '项目发布时间',
							prop: 'insertdate',
							isClick: false
						},
						]
					this.getProessList()
				} else if (this.mainTabs.index === 6 & index == 1) {
					this.proessType = 1
					this.proessManagementList.noOperation = false
					this.proessManagementList
						.list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '项目名称',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '服务者',
							prop: 'servceName',
							isClick: false
						},
						{
							title: '验收时间',
							prop: 'checkDate',
							isClick: false
						},
						{
							title: '项目发布时间',
							prop: 'insertdate',
							isClick: false
						},
						]
					this.getCheckProcess()
				} else if (this.mainTabs.index === 6 & index == 2) {
					this.proessType = 2
					this.proessManagementList.noOperation = true
					this.proessManagementList.operation = [ //操作项内容
						{
							name: '查看说明',
							isBtn: false,
							title: 'openLookdtail'
						}

					],
						this.proessManagementList
							.list = [{
								title: '企业名称',
								prop: 'companyName',
								isClick: false
							},
							{
								title: '项目名称',
								prop: 'projectName',
								isClick: false
							},
							{
								title: '服务者',
								prop: 'servceName',
								isClick: false
							},
							{
								title: '项目发布时间',
								prop: 'insertdate',
								isClick: false
							},
							{
								title: '拒绝验收时间',
								prop: 'checkDate',
								isClick: false
							},
						]
					this.getCheckProcess()
				} else if (this.mainTabs.index === 4 & index == 0) {
					this.getServceManagementList()

				}

				else if (this.mainTabs.index === 6 & index == 3) {
					this.proessType = 3

					this.proessManagementList
						.list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false
						},
						{
							title: '项目名称',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '服务者',
							prop: 'servceName',
							isClick: false
						},
						{
							title: '项目发布时间',
							prop: 'insertdate',
							isClick: false
						},
						{
							title: '支付时间',
							prop: 'payDate',
							isClick: false
						},
						]

					this.proessManagementList.noOperation = false
					this.getCheckProcess()
				} else if (this.mainTabs.index === 7 & index == 0) {
					this.orderType = 1
					this.orderManagementList.noOperation = false
					this.orderManagementList.list = [{
						title: '企业名称',
						prop: 'companyName',
						isClick: false,

					},
					{
						title: '项目名称',
						prop: 'projectName',
						isClick: false
					},
					{
						title: '服务者',
						prop: 'userNameOrder',
						isClick: false
					},
					{
						title: '身份证号码',
						prop: 'cardNum',
						isClick: false
					},
					{
						title: '项目发布时间',
						prop: 'projectDate',
						isClick: false
					},
					{
						title: '验收时间',
						prop: 'checkDate',
						isClick: false
					},
					{
						title: '待支付总额',
						prop: 'cost',
						isClick: false
					},

					],
						this.orderManagementList.list.forEach(res => {
							if (res.title == '失败原因') {
								this.del(res, this.orderManagementList.list)
							}
							if (res.title == '支付时间') {
								this.del(res, this.orderManagementList.list)
							}
						})
					this.orderManagementList.noOperation = false
					this.getOrder()
				} else if (this.mainTabs.index === 7 & index == 1) {

					this.orderManagementList.list.push({
						title: '支付时间',
						prop: 'payDate',
						isClick: false
					})
					this.orderManagementList.list.forEach(res => {
						if (res.title == '失败原因') {
							this.del(res, this.orderManagementList.list)
						}
						this.orderManagementList.
							list = [{
								title: '企业名称',
								prop: 'companyName',
								isClick: false,

							},
							{
								title: '项目名称',
								prop: 'projectName',
								isClick: false
							},
							{
								title: '服务者',
								prop: 'userNameOrder',
								isClick: false
							},
							{
								title: '身份证号码',
								prop: 'cardNum',
								isClick: false
							},
							{
								title: '项目发布时间',
								prop: 'projectDate',
								isClick: false
							},
							{
								title: '验收时间',
								prop: 'checkDate',
								isClick: false
							},
							{
								title: '支付时间',
								prop: 'payDate',
								isClick: false
							},
							{
								title: '支付金额',
								prop: 'cost',
								isClick: false
							},
							]
					})
					this.orderManagementList.noOperation = true
					this.orderType = 2
					this.getOrder()
				} else if (this.mainTabs.index === 7 & index == 2) {
					this.orderType = 3
					this.orderManagementList.
						list = [{
							title: '企业名称',
							prop: 'companyName',
							isClick: false,

						},
						{
							title: '项目名称',
							prop: 'projectName',
							isClick: false
						},
						{
							title: '服务者',
							prop: 'userNameOrder',
							isClick: false
						},
						{
							title: '身份证号码',
							prop: 'cardNum',
							isClick: false
						},
						{
							title: '项目发布时间',
							prop: 'projectDate',
							isClick: false
						},
						{
							title: '验收时间',
							prop: 'checkDate',
							isClick: false
						},
						{
							title: '支付时间',
							prop: 'payDate',
							isClick: false
						},
						{
							title: '支付金额',
							prop: 'cost',
							isClick: false
						},
						{
							title: '失败原因',
							prop: 'look',
							isClick: true,
							eventName: 'openOrderResa',
						},

						]
					this.orderManagementList.noOperation = false
					this.getOrder()
				} else if (this.mainTabs.index === 8 & index == 0) {
					this.wechat.index = 0
					this.getRemuneration()
					// noOperation: false, //是否有操作项
					// operation: [ //操作项内容
					// 	{
					// 		name: '支付失败',
					// 		isBtn: false,
					// 		title: 'openOrderOpration'
					// 	}
					// ],
					this.remunerationManagementList.operation = [ //操作项内容
						{
							name: '查看明细',
							isBtn: false,
							title: 'lookDetail'
						}
					]
				} else if (this.mainTabs.index === 8 & index == 1) {
					this.wechat.index = 1
					this.getRemuneration()


				} else if (this.mainTabs.index === 8 & index == 2) {
					this.wechat.index = 2
					this.getRemuneration()
				}
				// this.getDataList();
			},

			getProcessList(data) {
				let type = data
				let params = {
					pageNum: this.cur,
					pageSize: this.pageSize,
					type: type,
					userId: ''
				}
				this.$ceshiGetAxiosWechat('v1/projectCourse/CourseList', params).then(res => {
					console.log(res);
					this.proessManagementList.data = res.data.data
				})
			},

			// 获取数据列表
			getDataList() {
				let params = {
					pagenum: this.cur,
					pagesize: this.pageSize
				};
				this.mainTabs.index == 0 ? params.status = this.navList.index + 1 : '';
				this.mainTabs.index == 1 ? params.status = this.navList.index + 5 : '';
				// this.mainTabs.index == 2?params.status = this.navList.index + 9: '';
				this.$eleconAxios.post('/electronic/dajiqqian/selectAuthList', params).then(res => {
					console.log(res);
					if (res.data.code === 1000) {
						this.tableList.data.splice(0);
						let result = res.data.data;
						result.listResponses.forEach(item => {
							this.tableList.data.push(item);
						});
						this.totalNum = result.totalNum;
					} else {
						this.$message({
							message: res.data.message,
							type: 'warning'
						})
					}
				})
			},
			// 打开电子合同模板
			openContractDialog(data) {
				console.log(data);
				this.contract.lookPDFDialog = true;
				//https://house.fcw-china.com
				this.$eleconAxios.post('/electronic/dajiqqian/selectAuthenMessagePC', {
					companyId: data.companyid
				}).then(res => {
					console.log(res);
					if (res.data.code === 1000) {
						if (this.mainTabs.index == 0 && res.data.data.appContractCompanyAuthentication) {
							this.contract.data = res.data.data.appContractCompanyAuthentication;
							this.contract.companyTitle = data.companyname;
							this.contract.tableData.splice(0);
							this.contract.isContract = true;
							this.contract.agentShow = true;
							this.contract.auditShow = true;
							if (this.navList.index == 0) {
								this.contract.btnTextl = "资料驳回";
								this.contract.btnTextr = "确认发送完成";
								this.contract.showBtn = true;
								this.contract.showTextarea = false;
							} else if (this.navList.index == 1) {
								this.contract.btnTextl = "审核未通过";
								this.contract.btnTextr = "审核通过";
								this.contract.showBtn = true;
								this.contract.showTextarea = false;
							} else if (this.navList.index == 2 || this.navList.index == 3) {
								this.contract.showBtn = false;
							}
							res.data.data.companyRecord.forEach(item => {
								if (item.auditResult == '1') {
									item.auditResult = '待审核';
								} else if (item.auditResult == '2') {
									item.auditResult = '审核通过';
								} else {
									item.auditResult = '审核不通过';
								}
								this.contract.tableData.push(item);
							});
						} else if (this.mainTabs.index == 1 && res.data.data.appContractCompanyAgent) {
							this.contract.data = res.data.data.appContractCompanyAgent;
							this.contract.companyTitle = data.companyname;
							this.contract.tableData.splice(0);
							this.contract.isContract = false;
							this.contract.agentShow = true;
							this.contract.auditShow = false;
							if (this.navList.index == '0') {
								this.contract.btnTextl = "资料驳回";
								this.contract.btnTextr = "确认发送完成";
								this.contract.showBtn = true;
								this.contract.showTextarea = false;
							} else if (this.navList.index == '1') {
								this.contract.btnTextl = "审核未通过";
								this.contract.btnTextr = "审核通过";
								this.contract.showBtn = true;
								this.contract.showTextarea = false;
							} else if (this.navList.index == '2' || this.navList.index == '3') {
								this.contract.showBtn = false;
							}
							res.data.data.agentRecord.forEach(item => {
								if (item.auditResult == '1') {
									item.auditResult = '待审核';
								} else if (item.auditResult == '2') {
									item.auditResult = '审核通过';
								} else {
									item.auditResult = '审核不通过';
								}
								this.contract.tableData.push(item);
							});
						} else if (this.mainTabs.index == 2 && res.data.data.appContractCompanyAuditor) {
							this.contract.data = res.data.data.appContractCompanyAuditor;
							this.contract.companyTitle = data.companyname;
							this.contract.tableData.splice(0);
							this.contract.isContract = false;
							this.contract.agentShow = false;
							this.contract.auditShow = true;
							if (this.navList.index == '0') {
								this.contract.btnTextl = "审核未通过";
								this.contract.btnTextr = "审核通过";
								this.contract.showBtn = true;
								this.contract.showTextarea = false;
							} else if (this.navList.index == '1' || this.navList.index == '2') {
								this.contract.showBtn = false;
							}
							res.data.data.auditRecords.forEach(item => {
								if (item.auditResult == '1') {
									item.auditResult = '待审核';
								} else if (item.auditResult == '2') {
									item.auditResult = '审核通过';
								} else {
									item.auditResult = '审核不通过';
								}
								this.contract.tableData.push(item);
							});
						}

					} else {
						this.$message({
							message: res.data.message,
							type: 'warning'
						})
					}
				})
			},
			// 点击驳回或者取消按钮
			clickReject() {
				if (!this.contract.showTextarea) {
					this.contract.showTextarea = true;
					this.contract.btnTextl = '取消';
					this.contract.btnTextr = '确定';
					if (this.current == '0') {
						this.contract.placeholder = '驳回理由';
					} else {
						this.contract.placeholder = '未通过理由';
					}
				} else {
					this.contract.showTextarea = false;
					if (this.current == '0') {
						this.contract.btnTextl = '资料驳回';
						this.contract.btnTextr = '确认发送完成';
					} else {
						this.contract.btnTextl = '审核未通过';
						this.contract.btnTextr = '审核通过';
					}
				}
			},
			// 提交电子合同认证资料
			subContract() {
				let params = {};
				if (this.mainTabs.index == 0) {
					params.type = '1';
				} else if (this.mainTabs.index == 1) {
					params.type = '2';
				} else {
					params.type = '3';
				}
				if (this.contract.showTextarea) {
					if (!this.contract.textarea) {
						this.$message({
							message: '理由不能为空！',
							type: 'warning'
						})
						return false;
					} else {
						params.status = '3';
						params.cause = this.contract.textarea;
					}
				} else {
					if (this.navList.index == '0' && this.mainTabs.index != 2) {
						params.send = '1';
					} else if ((this.navList.index == '1' && this.mainTabs.index != 2) || (this.navList.index == '0' &&
						this.mainTabs.index == 2)) {
						params.status = '2';
					}
				}
				params.operator = JSON.parse(localStorage.getItem('userinfo')).username;
				params.companyId = this.contract.data.companyId;
				console.log(params);
				//https://house.fcw-china.com
				this.$eleconAxios.post('/electronic/dajiqqian/updateCompanyAuth', params).then(res => {
					console.log(res);
					if (res.data.code === 1000) {
						this.$message({
							message: '操作成功！',
							type: 'success'
						})
						this.contract.textarea = '';
						// this.getDataList();
					} else {
						this.$message({
							message: res.data.message,
							type: 'success'
						})
					}
				})
				this.contract.lookPDFDialog = false;

			},

			//当前页是第几页,点击的第几页的时候调用这个函数
			pageChange(p) {
				// 点击的时候传过来一个参数，这个参数就是所点击的当前页数，
				// 然后把这个当前页数转换成字符串形式赋值给page，
				// 然后把page这个参数传给search这个方法
				console.log(p);
				console.log(this.mainTabs.index)
				this.cur = p;
				// this.mainTabSwitch(this.mainTabs.index);
				if (this.mainTabs.index == 1) {
					this.tabSwitch(this.navListFinancialManagement.index)
				} else if (this.mainTabs.index == 2) {
					this.tabSwitch(this.navListFinancialManagement.index)
				} else if (this.mainTabs.index == 3) {
					this.tabSwitch(this.navListCompanyManagement.index)
				} else if (this.mainTabs.index == 4) {
					this.tabSwitch(this.navListProjectManagement.index)
				} else if (this.mainTabs.index == 5) {
					this.tabSwitch(this.navListProessManagement.index)
				} else if (this.mainTabs.index == 6) {
					this.tabSwitch(this.navListOrderManagement.index)
				} else if (this.mainTabs.index == 7) {
					this.getOrder()
				} else if (this.mainTabs.index == 8) {
					this.getRemuneration()
				}






			},
			//每页有多少条,10,20,50等,点击选择的时候调用这个方法
			handleSizeChange(val) {
				console.log(val);
				this.pageSize = val;
				this.getDataList();
			},
		}
	}
</script>

<style scoped="scoped">
	.container {
		background-color: #fff;
		height: 100%;
		padding-left: 20px;
	}

	.mainBox {
		padding: 10px 20px;
	}

	.overview {}

	.heardTitle {
		display: flex;
	}



	.companyCount {
		padding-left: 15px;
		height: 80px;
		background: rgba(255, 196, 0, 1);
		line-height: 80px;
		font-size: 35px;
		font-family: PingFang SC;
		font-weight: 500;
		/* line-height: 91px; */
		color: #FFFFFF;
		flex: 1;
		margin-right: 26px;


	}

	/* 上报原因样式 */
	.warn-dialog-header {
		font-size: 16px;
		box-sizing: border-box;
		padding: 20px;
		border-bottom: 1px solid #bfbfbf;
	}

	.warn-dialog-header::before {
		content: '';
		border-left: 8px solid #0064e4;
		margin-right: 10px;
	}

	/deep/ .companyForm .el-input__inner {
		height: 30px;
		line-height: 30px;
		border: none;
	}

	/deep/.accountForm .el-form-item {
		position: relative;
		margin-bottom: 35px;
		border-bottom: 1px solid #E5E5E5;
		margin-right: 110px;
		width: 340 px;
	}

	/deep/.companyForm .el-form-item__label {
		text-align: left;
		line-height: 40px;
		font-size: 14px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #000000;
	}





	.companyForm /deep/ .el-form-item {
		position: relative;
		margin-bottom: 35px;
		border-bottom: 1px solid #E5E5E5;

	}

	.headTitle {
		margin-bottom: 10px;
	}

	.warn-dialog-body {
		box-sizing: border-box;
		padding: 20px;
	}

	.warn-dialog-body-title {
		font-size: 16px;
		margin-bottom: 20px;
	}

	.warn-dialog-btn {
		margin-top: 20px;
		text-align: center;
	}

	.inputArea {
		display: block;
	}

	.refuse {
		width: 800px;
	}

	.companyForm {
		padding: 0 20px;
	}

	.avatar-uploader {
		text-align: right;
	}

	.avatar-uploader .el-upload {
		border: 1px dashed #d9d9d9;
		border-radius: 6px;
		cursor: pointer;
		position: relative;
		overflow: hidden;
	}

	.avatar-uploader .el-upload:hover {
		border-color: #409EFF;
	}

	.avatar-uploader-icon {
		font-size: 28px;
		color: #8c939d;
		width: 75px;
		height: 78px;
		line-height: 78px;
		text-align: center;
		border: 1px solid #707070;
		border-radius: 10px;
	}

	.avatar {
		width: 128px;
		height: 128px;
		display: block;
		margin-left: 84px;
		margin-bottom: 20px;
	}



	.serveCount {
		padding-left: 15px;
		height: 80px;
		background: #FF0000;
		line-height: 80px;
		font-size: 35px;
		font-family: PingFang SC;
		font-weight: 500;
		/* line-height: 91px; */
		color: #FFFFFF;
		flex: 1;
	}

	.inputs {
		margin-top: 20px;
		width: 250px;
	}

	.financialManagement {
		position: relative;
	}

	.exportBtn {
		padding: 12px 40px;
		color: rgb(39, 101, 231);
		border: 1px solid rgb(39, 101, 231);
		border-radius: 5px;
		float: right;
		margin: 20px;
		position: absolute;
		top: -25px;
		right: 0px;

	}

	.itemBox span:first-child {
		float: left;
	}

	.itemBox span:last-child {
		float: right;
	}

	.content span:first-child {
		float: left;
	}

	.content span:last-child {
		float: right;
		background-color: rgb(1, 48, 250);
		color: white;
		height: 25px;
		line-height: 25px;
		border-radius: 10px;
		font-size: 14px;
		cursor: pointer;
		padding: 0 10px;
		margin-top: 10px;

	}

	.zizhi {
		width: 1400px;
		display: flex;
		height: 800px;
		margin: 40px 100px;
	}

	.content div {
		height: 52px;
		line-height: 52px;
		padding: 0 20px;
	}

	.itemBox h4 {
		height: 45px;
		line-height: 45px;
		padding: 0 15px;
		background-color: rgb(238, 241, 248);
		border-bottom: 1px solid rgb(198, 198, 198);
	}


	.itemBox {
		border: 1px solid rgb(198, 198, 198);
		margin: 14px 10px;

	}

	.content {
		height: 330px;
		margin-top: 10px;
	}

	.imgBox img {
		width: 100%;
		margin-top: -24px;

	}


	.zizhi>.items {
		width: 423px;
		height: 476px;
		border: 1px solid rgb(198, 198, 198);
		border-radius: 15px;
		margin: 0 20px;
	}

	.zizhi>.items p {
		text-align: center;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 1px solid rgb(218, 218, 218);
		height: 30px;
		height: 48px;
		line-height: 48px;
	}


	.pContent {
		height: 200px;
		background: rgba(239, 241, 249, 1);
	}

	.pTitle {
		display: flex;
		padding: 30px;
		text-align: center;
	}

	.pTitle p {
		flex: 1;
		font-size: 30px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #4A4A4A;
	}

	.process {
		text-align: center;
		font-size: 34px;
		font-family: PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		background: #0033FF;
		margin-top: 20px;
		height: 50px;
		line-height: 50px;
	}

	.orderColor {
		background-color: #4EB900;
	}

	.pTitle {}



	.main-tabs {
		background-color: #EFF1F8;
		margin-bottom: 20px;
		margin-left: -20px;
		padding-left: 50px;
	}

	.main-tabs li {
		height: 40px;
		line-height: 40px;
		float: left;
		margin: 10px 20px;
		padding: 0 30px;
	}

	.main-tabs .active {
		background: #0064E4;
		border-radius: 20px;
		color: #fff;
	}

	.header-title {
		padding: 0 0 20px 0;
		border-bottom: 1px solid #D2D2D2;
	}

	.header-title span {
		width: 15px;
		height: 30px;
		background-color: #0064E4;
		margin-right: 20px;
		float: left;
	}

	.header-title p {
		float: left;
		font-weight: bold;
		line-height: 30px;
	}

	.pageBox {
		margin-top: 20px;
	}
</style>